<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>MaiQuan Web</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/GooSlider.css">
<link rel="stylesheet" type="text/css" href="css/vscontext.css">
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/GooSlider.js"></script>
<script type="text/javascript" src="js/vscontext.jquery.js"></script>
</head>

<body>
<div id="mWeb" class="mWeb">
	<div class="topti"> <em class="t_l"></em> <span class="welcome">欢迎进入</span><span class="r_name">房间名称（房间号码）</span> <a class="dl_client" href="#">下载客户端</a> <a class="reg_login" href="#">注册登录</a> <em class="t_r"></em> </div>
	<div class="web_l">
		<div class="web_l_t"> <em class="t_l"></em>
			<p><b class="red">麦圈测试房间</b>(100001)：<b class="red">麦圈用户1</b>(12345) 送给 <b class="red">麦圈用户2</b>(23456) <b class="red"> 99朵玫瑰</b></p>
			<em class="t_r"></em> </div>
		<div class="web_l_m">
			<div class="video_wrap">
				<div class="video_area">
					<div class="video_main">
						<!--Flash player area start-->
						<img style="float:left;padding-right:1px;border-right:1px solid #2b87cd;" src="images/tt.jpg" width="264" height="194"><img style="float:left;padding:0 1px; border-right:1px solid #2b87cd;" src="images/tt.jpg" width="264" height="194"><img style="float:left; padding-left:1px;" src="images/tt.jpg" width="264" height="194">
						<!--Flash player area end-->
					</div>
					<ul class="video_btm" id="video-ctrl">
						<li class="video_btm_1">
							<span>用户昵称</span>
							<div class="fr"><a class="mic_a" href="####"></a><a class="ctrl_a" href="####">合唱</a><a class="more_a" href="####"></a>
							</div>
						</li>
						<li class="video_btm_2">
							<span>用户昵称</span>
							<div class="fr"><a class="mic_a" href="####"></a><a class="ctrl_a" href="####">上麦</a><a class="more_a" href="####"></a></div>
						</li>
						<li class="video_btm_3">
							<span>用户昵称</span>
							<div class="fr"><a class="mic_a" href="####"></a><a class="ctrl_a" href="####">合唱</a><a class="more_a" href="####"></a></div>
						</li>
					</ul>
				</div>
			</div>
			<div class="lb_web">
				<div class="lb_web_left">
					<div class="ctrl_area">
						<div class="media_ctrl">
							<div class="fl"> <span class="mic_setting"></span>
								<div id="mic_setting"></div>
							</div>
							<div class="fr"> <span class="sound_setting"></span>
								<div id="sound_setting"></div>
							</div>
						</div>
						<div class="ctrl_serve"> <a class="user_serve" href="####">用户自服务</a> <a class="room_manage" href="####">房间管理</a> <a class="room_collect" href="####">收藏房间</a> <a class="out_mic" href="####">下麦</a> </div>
					</div>
					<div class="msg_win_1">
						<p class="pink">测试用户1向你送了掌声1个</p>
						<a class="more_msg" href="####">更多</a> </div>
					<div class="msg_win_2">
						<iframe src="iframe_msg.html" frameborder="0" width="100%" height="100%"></iframe>
					</div>
					<div class="msg_win_3">
						<iframe src="iframe_msg.html" frameborder="0" width="100%" height="100%"></iframe>
					</div>
				</div>
				<div class="lb_web_right">
					<div class="arena">
						<iframe src="iframe_arena.html" frameborder="0" width="100%" height="100%"></iframe>
					</div>
					<div class="a_line"></div>
					<div class="msg_win_4">
						<iframe id="displayMsg" name="ifr_displayMsg" src="iframe_msg.html" frameborder="0" width="100%" height="100%"></iframe>
					</div>
					<div class="chat_area">
						<div class="chat_area_t"> <span class="select_user">对
							<select id="chooseUser" name="">
								<option value="all">所有人</option>
								<option>碉堡了</option>
								<option>泥煤</option>
								<option>静鸽子</option>
							</select>
							</span> <span class="pillow_talk">
							<label for="pillow_talk">
								<input id="pillow_talk" type="checkbox" value="">
								悄悄话 </label>
							</span> <a id="face" class="face_btn" title="表情" href="####">表情</a> <a class="font_btn" title="字体" href="####">字体</a> <a class="function_menu" title="功能菜单" href="####">功能菜单</a> <a class="choose_net" title="优选网络" href="####">优选网络</a> <a class="accompany" title="伴奏" href="####">伴奏</a> <a class="share_btn" title="分享" href="####">分享</a><a style="margin-left:20px;" title="清除屏幕内容" href="####" onClick="clearScreen();">清屏</a>
							<div id="phizDiv">
								<ul>
								</ul>
							</div>
						</div>
						<div class="chat_area_b">
							<div id="chat_area_b_left" class="chat_area_b_left">
								<div id="textarea_auto_width" class="textarea">
									<iframe id="textEdit" name="ifr_textEdit" src="iframe_textEdit.html"  frameborder="0" width="100%" height="100%" hidefocus="true"></iframe>
									<textarea class="chat_textarea" style="display:none;"></textarea>
								</div>
								<div class="send_area">
									<input class="send_msg_btn" type="submit" value="发送" onClick="sendMsg();">
								</div>
							</div>
							<div class="chat_area_b_right"> <a class="apply_sing" title="申请唱歌" href="####">申请唱歌</a> <a class="media_setting" title="音视频设置" href="####">音视频设置</a> </div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="web_r">
		<div class="mic_list_area" >
			<h3 class="mic_list_ti"><span>麦序列表</span><a class="mic_suspend" href="####">暂停麦序</a></h3>
			<ul id="mic_list" class="mic_list">
				<li class="c_3"><span class="order fl">01</span><span class="high-member">高级会员</span><span class="singer">歌手</span><span class="list_u_name" title="黏黏黏黏...">黏黏黏黏...</span></li>
				<li class="c_2"><span class="order fl">02</span><span class="vip-member">VIP会员</span><span class="super-admin">超级管理员</span><span class="list_u_name" title="淡蓝色的回忆">淡蓝色的回忆</span></li>
				<li class="c_1"><span class="order fl">03</span><span class="middle-member">中级会员</span><span class="vice-master">副室主</span><span class="list_u_name" title="好吧，我的错">好吧，我的错</span></li>
				<li class="c_4"><span class="order fl">04</span><span class="high-member">高级会员</span><span class="agency">代理</span><span class="list_u_name" title="图样">图样</span></li>
				<li class="c_0"><span class="order fl">05</span><span class="common-member">普通会员</span><span class="singer">歌手</span><span class="list_u_name" title="铁血真汉子">铁血真汉子</span></li>
				<li class="c_2"><span class="order fl">06</span><span class="high-member">高级会员</span><span class="singer">歌手</span><span class="list_u_name" title="阿凡达三">阿凡达三</span></li>
			</ul>
		</div>
		<div class="user_list_wrap">
			<ul id="u_list_tabs" class="u_list_tabs">
				<li class="current"><span>用户(99/999)</span></li>
				<li><span>管理(10)</span></li>
			</ul>
			<div id="user-list_area" class="user-list_area">
				<div class="user-search">查找<input type="text">
				</div>
				<ul class="user_list">
					<li class="c_0"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_purple">紫钻</span><span class="singer">歌手</span><span class="list_u_name" title="图样图样图样(123456789)">图样图样图样(123456789)</span></li>
					<li class="c_1 blue_bg"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_green">绿钻</span><span class="singer">歌手</span><span class="list_u_name" title="图样(123456789)">图样1(123456789)</span></li>
					<li class="c_2"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_purple">紫钻</span><span class="super-admin">超级管理员</span><span class="list_u_name" title="图样(123456789)">图样2(123456789)</span></li>
					<li class="c_3 blue_bg"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_green">绿钻</span><span class="vice-master">副室主</span><span class="list_u_name" title="图样(123456789)">图样3(123456789)</span></li>
					<li class="c_4"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_purple">紫钻</span><span class="vice-master">副室主</span><span class="list_u_name" title="图样(123456789)">图样4(123456789)</span></li>
					<li class="c_0 blue_bg"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_green">绿钻</span><span class="singer">歌手</span><span class="list_u_name" title="图样(123456789)">图样5(123456789)</span></li>
					<li class="c_1"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_purple">紫钻</span><span class="s_head"><img src="images/header/4-1.bmp"></span><span class="list_u_name" title="图样(123456789)">图样6(123456789)</span></li>
					<li class="c_2 blue_bg"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_green">绿钻</span><span class="singer">歌手</span><span class="list_u_name" title="图样(123456789)">图样7(123456789)</span></li>
					<li class="c_3"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_purple">紫钻</span><span class="s_head"><img src="images/header/4-1.bmp"></span><span class="list_u_name" title="图样(123456789)">图样(123456789)</span></li>
					<li class="c_4 blue_bg"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_green">绿钻</span><span class="singer">歌手</span><span class="list_u_name" title="图样(123456789)">图样(123456789)</span></li>
					<li class="c_0"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_purple">紫钻</span><span class="singer">歌手</span><span class="list_u_name" title="图样(123456789)">图样(123456789)</span></li>
					<li class="c_1 blue_bg"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_green">绿钻</span><span class="s_head"><img src="images/header/4-1.bmp"></span><span class="list_u_name" title="图样(123456789)">图样(123456789)</span></li>
					<li class="c_0"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_purple">紫钻</span><span class="singer">歌手</span><span class="list_u_name" title="图样图样图样(123456789)">图样图样图样(123456789)</span></li>
					<li class="c_1 blue_bg"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_green">绿钻</span><span class="singer">歌手</span><span class="list_u_name" title="图样(123456789)">图样(123456789)</span></li>
					<li class="c_2"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_purple">紫钻</span><span class="super-admin">超级管理员</span><span class="list_u_name" title="图样(123456789)">图样(123456789)</span></li>
					<li class="c_3 blue_bg"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_green">绿钻</span><span class="vice-master">副室主</span><span class="list_u_name" title="图样(123456789)">图样(123456789)</span></li>
					<li class="c_4"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_purple">紫钻</span><span class="vice-master">副室主</span><span class="list_u_name" title="图样(123456789)">图样(123456789)</span></li>
					<li class="c_0 blue_bg"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_green">绿钻</span><span class="singer">歌手</span><span class="list_u_name" title="图样(123456789)">图样(123456789)</span></li>
					<li class="c_1"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_purple">紫钻</span><span class="s_head"><img src="images/header/4-1.bmp"></span><span class="list_u_name" title="图样(123456789)">图样(123456789)</span></li>
					<li class="c_2 blue_bg"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_green">绿钻</span><span class="singer">歌手</span><span class="list_u_name" title="图样(123456789)">图样(123456789)</span></li>
					<li class="c_3"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_purple">紫钻</span><span class="s_head"><img src="images/header/4-1.bmp"></span><span class="list_u_name" title="图样(123456789)">图样(123456789)</span></li>
					<li class="c_4 blue_bg"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_green">绿钻</span><span class="singer">歌手</span><span class="list_u_name" title="图样(123456789)">图样(123456789)</span></li>
					<li class="c_0"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_purple">紫钻</span><span class="singer">歌手</span><span class="list_u_name" title="图样(123456789)">图样(123456789)</span></li>
					<li class="c_1 blue_bg"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_green">绿钻</span><span class="s_head"><img src="images/header/4-1.bmp"></span><span class="list_u_name" title="图样(123456789)">图样10(123456789)</span></li>
				</ul>
				<ul class="admin_list" style="display:none;">
					<li class="c_4"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_purple">紫钻</span><span class="vice-master">副室主</span><span class="list_u_name" title="图样(123456789)">图样1(123456789)</span></li>
					<li class="c_4 blue_bg"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_purple">紫钻</span><span class="vice-master">副室主</span><span class="list_u_name" title="图样(123456789)">图样2(123456789)</span></li>
					<li class="c_4"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_purple">紫钻</span><span class="vice-master">副室主</span><span class="list_u_name" title="图样(123456789)">图样(123456789)</span></li>
					<li class="c_4 blue_bg"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_purple">紫钻</span><span class="vice-master">副室主</span><span class="list_u_name" title="图样(123456789)">图样(123456789)</span></li>
					<li class="c_4"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_purple">紫钻</span><span class="vice-master">副室主</span><span class="list_u_name" title="图样(123456789)">图样(123456789)</span></li>
					<li class="c_4 blue_bg"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_purple">紫钻</span><span class="vice-master">副室主</span><span class="list_u_name" title="图样(123456789)">图样(123456789)</span></li>
					<li class="c_4"><span class="high-member">高级会员</span><span class="camera">视频</span><span class="diamond_purple">紫钻</span><span class="vice-master">副室主</span><span class="list_u_name" title="图样(123456789)">图样3(123456789)</span></li>
				</ul>
			</div>
		</div>
		<div class="gift_wrap">
			<ul id="gift_tabs" class="gift_tabs">
				<li class="current"><span>情感</span></li>
				<li><span>财富</span></li>
				<li><span>礼物</span></li>
				<li><span>点歌</span></li>
			</ul>
			<div id="gift-list_area" class="gift-list_area">
				<ul class="gift_list">
					<li> <a href="####">
						<p title="掌声"><img src="images/gift/Gift001.gif" /></p>
						<p>掌声</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="掌声"><img src="images/gift/Gift001.gif" /></p>
						<p>掌声</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="掌声"><img src="images/gift/Gift001.gif" /></p>
						<p>掌声</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="掌声"><img src="images/gift/Gift001.gif" /></p>
						<p>掌声</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="掌声"><img src="images/gift/Gift001.gif" /></p>
						<p>掌声</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="掌声"><img src="images/gift/Gift001.gif" /></p>
						<p>掌声</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="掌声"><img src="images/gift/Gift001.gif" /></p>
						<p>掌声</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="掌声"><img src="images/gift/Gift001.gif" /></p>
						<p>掌声</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="掌声"><img src="images/gift/Gift001.gif" /></p>
						<p>掌声</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="掌声"><img src="images/gift/Gift001.gif" /></p>
						<p>掌声</p>
						<p>1000</p>
						</a> </li>
				</ul>
				<ul class="gift_list" style="display:none;">
					<li> <a href="####">
						<p title="亲吻"><img src="images/gift/Gift002.gif" /></p>
						<p>亲吻</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="亲吻"><img src="images/gift/Gift002.gif" /></p>
						<p>亲吻</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="亲吻"><img src="images/gift/Gift002.gif" /></p>
						<p>亲吻</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="亲吻"><img src="images/gift/Gift002.gif" /></p>
						<p>亲吻</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="亲吻"><img src="images/gift/Gift002.gif" /></p>
						<p>亲吻</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="亲吻"><img src="images/gift/Gift002.gif" /></p>
						<p>亲吻</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="亲吻"><img src="images/gift/Gift002.gif" /></p>
						<p>亲吻</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="亲吻"><img src="images/gift/Gift002.gif" /></p>
						<p>亲吻</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="亲吻"><img src="images/gift/Gift002.gif" /></p>
						<p>亲吻</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="亲吻"><img src="images/gift/Gift002.gif" /></p>
						<p>亲吻</p>
						<p>1000</p>
						</a> </li>
				</ul>
				<ul class="gift_list" style="display:none;">
					<li> <a href="####">
						<p title="鲜花"><img src="images/gift/Gift003.gif" /></p>
						<p>鲜花</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="鲜花"><img src="images/gift/Gift003.gif" /></p>
						<p>鲜花</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="鲜花"><img src="images/gift/Gift003.gif" /></p>
						<p>鲜花</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="鲜花"><img src="images/gift/Gift003.gif" /></p>
						<p>鲜花</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="鲜花"><img src="images/gift/Gift003.gif" /></p>
						<p>鲜花</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="鲜花"><img src="images/gift/Gift003.gif" /></p>
						<p>鲜花</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="鲜花"><img src="images/gift/Gift003.gif" /></p>
						<p>鲜花</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="鲜花"><img src="images/gift/Gift003.gif" /></p>
						<p>鲜花</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="鲜花"><img src="images/gift/Gift003.gif" /></p>
						<p>鲜花</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="鲜花"><img src="images/gift/Gift003.gif" /></p>
						<p>鲜花</p>
						<p>1000</p>
						</a> </li>
				</ul>
				<ul class="gift_list" style="display:none;">
					<li> <a href="####">
						<p title="咖啡"><img src="images/gift/Gift004.gif" /></p>
						<p>咖啡</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="咖啡"><img src="images/gift/Gift004.gif" /></p>
						<p>咖啡</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="咖啡"><img src="images/gift/Gift004.gif" /></p>
						<p>咖啡</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="咖啡"><img src="images/gift/Gift004.gif" /></p>
						<p>咖啡</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="咖啡"><img src="images/gift/Gift004.gif" /></p>
						<p>咖啡</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="咖啡"><img src="images/gift/Gift004.gif" /></p>
						<p>咖啡</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="咖啡"><img src="images/gift/Gift004.gif" /></p>
						<p>咖啡</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="咖啡"><img src="images/gift/Gift004.gif" /></p>
						<p>咖啡</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="咖啡"><img src="images/gift/Gift004.gif" /></p>
						<p>咖啡</p>
						<p>1000</p>
						</a> </li>
					<li> <a href="####">
						<p title="咖啡"><img src="images/gift/Gift004.gif" /></p>
						<p>咖啡</p>
						<p>1000</p>
						</a> </li>
				</ul>
			</div>
		</div>
		<div class="r_btm_area">
			<p class="gift_to"><span class="fl">给：<span id="to_name">所有人</span></span><a class="red fr" href="#">充值</a></p>
			<div class="r_btm_left">
				<p class="gift_quantity">数量： <span class="gift_select">
					<select id="gift_select" onChange="javascript:document.getElementById('gift_input').value=document.getElementById('gift_select').options[document.getElementById('gift_select').selectedIndex].value;">
						<option value="1">1</option>
						<option value="11">11</option>
						<option value="99">99</option>
						<option value="520">520</option>
						<option value="999">999</option>
					</select>
					</span> <span class="gift_input" >
					<input type="text" id="gift_input" value="">
					</span> </p>
				<p class="send_gift"> <a class="send_gift_btn" href="####">送出礼物</a> </p>
			</div>
			<div class="r_btm_right">
				<p>礼物：</p>
				<p>价值：</p>
				<p>圈币：</p>
			</div>
		</div>
		<div class="vs-context-menu">
			<ul>
				<li><a onClick="javascript:chooseUser();return false;" href="#" id="menu_1">选中用户</a></li>
				<li><a onClick="javascript:upMic();return false;" href="#" id="menu_2">将用户抱上麦</a></li>
				<li><a onClick="javascript:shutUp();return false;" href="#" id="menu_3">禁言</a></li>
				<li><a onClick="javascript:getOut();return false;" href="#" id="menu_4">将用户踢出房间</a></li>
				<li><a onClick="javascript:banIP();" href="#" id="menu_5">封杀IP</a></li>
				<li><a onClick="javascript:banMach();return false;" href="#" id="menu_6">封杀机器码</a></li>
			</ul>
		</div>
	</div>
	<!--<div style="width:600px; height:300px; border:1px solid #000; position:absolute; background-color:#fff; top:300px; left:400px;z-index:1001;">
	</div>-->
</div>
</body>
</html>
